<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //请实现以下效果
        function add (a, b, c) {
            return a + b + c
        }
        // console.log(add.length); 函数长度等于函数参数个数

        const res = add(1, 2, 3) //6

        //要求声明一个curry函数，函数add经过curry函数的处理后，每次调用只能接收一个参数
        const curry = () => { 
          return function(a){
            return function(b){
              return function(c){
                return a+b+c
              }
            }
          }
         
         
        }


        let addCurry = curry(add)

        // console.log(addCurry);
        const res2 = addCurry(1)(2)(3) //6

        console.log(res2);
        // const add = a=>b=>c=>a+b+c
        // console.log(add(1)(2)(3));


        //const curry = (fn, ...args) =>     // 函数的参数个数可以直接通过函数数的.length属性来访问    args.length >= fn.length // 这个判断很关键！！！    // 传入的参数大于等于原始函数fn的参数个数，则直接执行该函数    ? fn(...args)    /**     * 传入的参数小于原始函数fn的参数个数时     * 则继续对当前函数进行柯里化，返回一个接受所有参数（当前参数和剩余参数） 的函数    */    : (..._args) => curry(fn, ...args, ..._args);function add1(x, y, z) {    return x + y + z;}const add = curry(add1);console.log(add(1, 2, 3));console.log(add(1)(2)(3));console.log(add(1, 2)(3));console.log(add(1)(2, 3));
    </script>
</body>

</html>